﻿<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>驰骋BPM工具包模式集成 - 演示系统 </title>
    <meta charset="UTF-8" />
    <!-- 引用通用的js文件. -->
    <script src="../WF/Scripts/jquery/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../WF/Scripts/jquery/jquery.cookie.js"></script>
    <link href="../WF/Style/skin/css/login.css" rel="stylesheet" type="text/css" />
    <link href="../WF/Scripts/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="../WF/Scripts/QueryString.js"></script>
    <!-- 引入组件配置文件，用于调用Login方法. -->
    <script src="../WF/config.js"></script>
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }
 
    </style>
    <script type="text/javascript" language="javascript">
        $(function () {
            $.cookie("UserNo", "");
            $.cookie("SID", "");
            clearAllCookie();
            localStorage.setItem('Token', '');
            localStorage.setItem('UserInfoJson', '');

            //config.js 的配置信息.
            //var html = "<b>Toolkit配置文件:/WF/config.js</b> ";
 
            var html = "<ul>";
            html += "<li>BPM服务器地址：<font color=#FFF><span>" + host + "</span> </font></li>";
            html += "<li>BPM平台：<font color=#FFF><span>" + plant + "</span></font></li>";
            html += "<li>设计流程：<a href='" + host + "' target=_blank > 进入BPM设计器后台</a></li>";
            html += "<li>子系统(域名)：<font color=#FFF><span>" + domain + "</span></font></li>";
            html += "</ul>";

            //var url = host + "/AppDemo/Standard/Login.htm";
            //var html = "驰骋BPM服务地址" + host + ",您可以在WF/config.js修改.";
            //html += "流程设计维护:<a href='" + url + "' target=_blank >" + url + "</a>";

            $("#tip").html(html);
        });
        function clearAllCookie() {
            var myDate = new Date();
            myDate.setTime(-1000);//设置时间    
            var data = document.cookie;
            var dataArray = data.split("; ");
            for (var i = 0; i < dataArray.length; i++) {
                var varName = dataArray[i].split("=");
                document.cookie = varName[0] + "=''; expires=" + myDate.toGMTString();
            }
        }

        //页面启动函数.
        function LoginCRMSystem() {

            //第0步: 这里是登录本机系统, 自己根据用户名密码去先去校验正确性。
            var userNo = $("#TB_No").val();
            var userPass = $("#TB_PW").val();
            if (userNo == "" || userPass == "") {
                alert('请输入用户名与密码');
                return false;
            }

            //第1步: 请使用自己的系统验证用户名密码的正确性
            if (1 == 2) {
                alert('用户名密码不正确.');
                return;
            }

            //debugger;
            //第2步: 开始登录ccbpm,获得 token.
            //  1. 为了系统安全，请把 LoginCCBPM 的方法写入您的后台代码.
            //  2. LoginCCBPM 方法位于/WF/config.js文件中.
            var token = LoginCCBPM(PrivateKey, userNo); // token是ccbpm生成的.
            if (token == null && token.indexOf('err@') == 0) {
                alert(token);
                return;
            }
            localStorage.setItem('Token', token); //把这个值存储起来，用于其他方法的身份验证.
            //第3步： 把token, UserNo传入到要转入 crm系统的页面 .
            window.location.href = 'Home.htm?Token=' + token + "&UserNo=" + userNo;
            return;
        }
    </script>
    <style>
        .bg_login {
            background-image: url('img/denglubg.jpg');
            background-size: 100% 101%;
            height: 100%;
            width: 100%;
            overflow-y: hidden;
            scrollbar-width: none;
        }
 /*       .Tips {
            width: 25vw;
            margin: 5rem 2rem;
            padding-left: 12px;
            padding-right: 12px;
            border-width: 2px;
            border-style: groove;
            border-color: rgb(192, 192, 192);
            border-radius: 5px;
        }

            .Tips legend {
                text-align: left;
                width: auto;
                color: #409EFF;
                font-size: large;
                font-weight: bolder;
                border: none;
            }

            .Tips ul {
                line-height: 30px;
                padding-left: 20px;
                text-align: left;
            }*/
        #tip{
            margin-top:10px;
        }
            #tip ul {
                margin-left: 25px;
                margin-top: 20px;
            }
                #tip ul li {
                    color: #fff;
                    margin-bottom: 10px;
                    font-size: 15px;
                }
                    #tip ul li a {
                        color: #fff;
                    }
                    #tip ul li font b {
                        color: #fff;
                    }

        .login_title {
            border: none;
            font-size: 2.5rem;
            font-weight: bold;
            color: #000;
            margin-bottom:20px;
        }

        .form_item {
            width: 70%;
            margin-top: 3rem;
            margin-bottom: 3rem;
        }
        .form_props {
            margin-top: 0;
        }

        .form-control {
            width: 100%;
            height: 45px;
            border-radius: 25px;
        }
        .layout {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            padding:0 115px;
        }

        .login_button {
            background-color: #409EFF;
            color: white;
            width: 100%;
            /*height: 4rem;*/
            height:45px;
            font-size: 1.5rem;
            border-color: #409EFF;
            border-radius: 2.5vh;
            box-shadow: none;
        }
        .left-top{
            margin-bottom:15px;
        }
        .left-content {
            display:flex;
            flex-direction:column;
            align-items:start;
            margin-top: 25px;
            width: 100%;
        }
        .title_log {
            margin-bottom: 10px;
            width: 100px;
            margin-left: 10px;
        }
        .title {
            font-size: 20px;
            color: #fff;
            margin-left: 100px;
        }
        .right-content {
            margin-top: 95px;
            width: 100%;
        }
        /* 其他登陆方式 */
        .login-other {
            /*margin-top: 25px;*/
            margin-top: 10px;
            height: 40px;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .login_address{
            margin-top:25px;
            color:#777777;
        }
            .login_address div{
                font-size:13px;
                margin:5px 0;
            }

            .line {
                flex-grow: 1;
                height: 0.1px;
                background-color: #c5c4c4;
            }

        .login-list {
            margin-top:20px;
            /*margin-left: 10px;*/
            width: 100%;
            height: 40px;
            display: flex;
            justify-content: space-around;
        }

        .item {
            width: 35px;
            height: 37px;
            border-radius: 3vh;
            margin-left: 10px;
        }
        .item_link{
            margin:0 5px;
        }
        .bottom_address{
            margin-top:20px;
        }
    </style>
</head>
<body class="bg_login">
        <div class="layout">
            <!-- 左侧内容 -->
            <div class="left-content">
                <div class="left-top">
                    <img src="Img/title_login.png" class="title_log" />
                    <span class="title">经典的、永恒的、奔腾不息的驰骋BPM</span>
                </div>
                <img src="Img/Toolkit.png" style="width: 100%; height: 400px;" />
                <div id="tip"></div>
            </div>
            <div class="right-content">
                <form id="Form1" style="display: flex; flex-direction: column; align-items: center; padding-left: 170px; ">

                    <div class="login_title"><b style=" font-size: 35px;">CCBPM二开工具包 </b> <font color="#409EFF" style=" font-size: 35px;">- H5版</font> </div>
                    <div class="form_item">
                        <input type="text" id="TB_No" name="TB_No" placeholder="请输入账号:admin管理员" lay-verify="required"
                               class="form-control" />
                    </div>
                    <div class="form_item form_props">
                        <input type="password" id="TB_PW" name="TB_PW" placeholder="默认密码为:123" lay-verify="required"
                               class="form-control" />
                    </div>

                    <div class="form_item">
                        <input type="button" onclick="LoginCRMSystem();" class="login_button" value="登录(子)系统" />
                    </div>
                    </fieldset>
                    <div>
                        <div class="login-other">
                            <span class="line"></span>
                            <span class="text-muted">
                                其他资源
                            </span>
                            <span class="line"></span>
                        </div>
                        <div class="login-list">
                            <div class="item_link">
                                <a href="http://doc.ccbpm.cn" data-toggle="tooltip" title="在线文档">
                                    <img class="item" src="./Img/wendang1.png" />
                                    <!--<div style="width:70px;">在线文档</div>-->
                                </a>
                            </div>
                            <div class="item_link">
                                <a href="http://ccflow.org" data-toggle="tooltip" title="官方网站">
                                    <img class="item" src="./Img/guanwang1.png" />
                                    <!--<div style="width:70px;">官方网站</div>-->
                                </a>
                            </div>
                            <div class="item_link">
                                <a href="http://ccflow.org/Ke.html" data-toggle="tooltip" title="视频教程">
                                    <img class="item" src="./Img/shipin.png" />
                                    <!--<div style="width:70px;">视频教程</div>-->
                                </a>
                            </div>
                        </div>
                        <div class="login_address">
                            <div>地址：济南市高新区.碧桂园凤凰国际A座F19 </div>
                            <div>联系方式：0531-82374939、18660153393(微信)</div>
                            <div>版权：济南驰骋信息技术有限公司&nbsp;@2003-2023</div>
                        </div>
                </div>
            </form>


        </div>
    </div>

    <!--<div style="display:flex;justify-content:center;flex-direction:row;">
        <fieldset class="Tips">
            <legend >什么是工具包模式集成?</legend>
            <ul >
                <li> 工具包模式就是ccbpm为开发这提供一个文件目录,植入到对方开发架构的一种模式. </li>
                <li>这个目录通过配置文件与驰骋bpm服务器进行交互，提供一系列的接口函数让开发者调用。 </li>
                <li>工具包里，包含一些功能页面，比如:发起、待办、在途、草稿等可以让用户绑定到自己的菜单体系上。 </li>
                <li>工具包里包含流程组件：比如：工作处理器工具栏、审核组件、父子流程组件等，可以让用户调用。 </li>
            </ul>
        </fieldset>
        <fieldset class="Tips">
            <legend >说明</legend>
            <ul >
                <li>测试人员: admin, zhoutianjiao, zhoushengyu, yangyilei 密码:123 </li>
                <li>登录后需要写入Port_Emp表的列SID里一个随机的guid作为token，来访问ccbpm的服务. </li>
                <li>在根目录下 config.js 里，您需要配置提供服务的ccbpm服务器地址。</li>
            </ul>
        </fieldset>
        <fieldset class="Tips">
            <legend >资源信息</legend>
            <ul >
                <li> <div id="tip"/></li>
                <li> 登录用户名：admin 密码:123 </li>
            </ul>

        </fieldset>
    </div>
                            <!--</center>-->
                            <!--<center>

        <div class="bottom_address" style="display:flex;justify-content:space-around;width:65%;padding:10px;">-->
                            <!--<div>技术选型：H5-JQuery</div>
    <div>官网：<a href="http：//ccflow.org">http://ccflow.org</a> </div>-->
                            <!--<div>地址：济南市.高新区.碧桂园凤凰国际A座F19 电话：0531-82374939、18660153393(微信)</div>-->
                            <!--<div>济南驰骋信息技术有限公司&nbsp;@2003-2023</div>
            <div>地址：济南市.高新区.碧桂园凤凰国际A座F19 </div>
            <div>电话：0531-82374939、18660153393(微信)</div>
        </div>
    </center>-->
</body>
</html>
